<!DOCTYPE html>
<html>
    <head>
        <title>js轮播(类似网易云的banner)</title>
        <link href="./bannerstyle.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div class="swiper">
            <div class="left">
                <div class="pre">
                    <svg t="1599715979788" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2922" width="32" height="32"><path d="M656 192L704 237.728l-288 274.24 288 274.304L656 832 320 512z" p-id="2923"></path></svg>
                </div>
            </div>
            <div class="right">
                <div class="next">
                    <svg t="1599715953536" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2681" width="32" height="32"><path d="M368 192L320 237.728 608 512l-288 274.24L368 832 704 512z" p-id="2682"></path></svg>
                </div>
            </div>
            <div class="imgBox">
                <ul>
                    <li class="list1">
                        <img src="./img/1.jpg" alt />
                    </li>
                    <li class="list2">
                        <img src="./img/2.jpg" alt />
                    </li>
                    <li class="list3">
                        <img src="./img/3.jpg" alt />
                    </li>
                    <li class="list4">
                        <img src="./img/4.jpg" alt />
                    </li>
                    <li class="list5">
                        <img src="./img/5.jpg" alt />
                    </li>
                    <li class="list6">
                        <img src="./img/6.jpg" alt />
                    </li>
                </ul>
            </div>
            <div class="lineBar">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </body>
    <script src="./bannermain.js"></script>
</html>
